@import './common';

.search-wrap{
  height: setSize(66 + 11*2);

  .search-box{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    box-sizing:border-box;
    padding: setSize(11) setSize(18) setSize(11) setSize(30);
    background-color: #fff;

    .input-wrap{
      height: setSize(66);
      box-sizing:border-box;
      padding: setSize(10) setSize(20);
      background:rgba(245,246,248,1);
      border-radius:setSize(8);

      .icon-box{
        width: setSize(27);
        height: setSize(27);

        .icon{
          display: block;
          width: 100%;
          height: 100%;
        }
      }

      .clear-box{
        padding:setSize(10);
        width: setSize(24);
        height: setSize(24);
      }

      .input-box{
        margin-left: setSize(20);

        .input{
          height: 100%;
        }

        .placeholder{
          font-size: setSize(20);
          color: #999;
        }
      }
    }

    .btns{
      width: setSize(66);
      height: setSize(66);
      box-sizing:border-box;
      padding:setSize(12);
      margin-left: setSize(18);

      .btn{
        display: block;
        width: 100%;
        height: 100%;
      }
    }
  }
}